@use "./mixin.scss" as mixin;
/**
 * elementui框架样式定制
 */
.main-theme {
  .no-scroll-x .el-scrollbar__wrap {
    overflow-x: hidden;
  }
  .no-scroll-y .el-scrollbar__wrap {
    overflow-y: hidden;
  }

  .el-submenu__title i {
    color: #303133;
  }

  .el-table__header,
  .el-table__body,
  .el-table__footer {
    table-layout: unset;
  }

  .el-table {
    display: flex;
    flex-direction: column;
  }

  .el-table__body-wrapper {
    flex: 1;
    overflow-y: auto;
  }

  .el-table th {
    @include mixin.set_theme_style_opacity_important(background-color, app-primary-color, 0.7);
    color: #fff;
  }

  .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    @include mixin.set_theme_style_light_important(background, app-primary-color, 60, 0.5);
    // background: #f3faf8;
  }

  .el-table__body tr.warning-row td.el-table__cell {
    color: rgba(255, 0, 0, 0.8) !important;
  }

  // 为覆盖定制的背景色，当鼠标悬停时，强制设置背景色
  .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell,
  .el-table--enable-row-hover .el-table__body tr:hover > td,
  .el-table__body tr.hover-row > td.el-table__cell,
  .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell {
    background: #f5f7fa !important;
    background-color: #f5f7fa !important;
  }

  .search-area .el-form-item {
    margin-bottom: 10px;
  }

  .el-page-header__content {
    font-size: 16px;
  }
  /*隐藏文字*/
  .el-menu--collapse .el-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block;
  }

  /*隐藏 > */
  .el-menu--collapse .el-submenu__title .el-submenu__icon-arrow {
    display: none;
  }

  .el-tabs__content,
  .el-tab-pane {
    height: 100%;
  }

  .el-table th.el-table__cell {
    text-align: center;
  }
}
